<template>
  <div class="info-container">
    <div class="row">
      <div class="label">渠道类型:</div>
      <div class="value">{{currentChat.channel}}</div>
    </div>
    <div class="row">
      <div class="label">手机号码:</div>
      <div class="value">{{currentChat.userPhone}}</div>
    </div>
    <div class="row">
      <div class="label">客户号:</div>
      <div class="value">{{ currentChat.clientId }}</div>
    </div>
  </div>
</template>

<script>
import {mapState} from 'vuex'
export default {
  name: "information",
  data() {
    return {};
  },
   computed: {
    ...mapState(['idStore','currentChat']),
  },
    currentChat: {
      handler(newVal) {
         console.log('newVal',newVal)
    },
      deep: true,
    },

  mounted() {
     console.log('currentChat',this.currentChat)  
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.info-container {
  margin-top: 10px;
}
.row {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  height: 40px;
  align-items: center;
  .label {
    // text-align: right;
    width: 65px;
  }
  .value {
    flex: 0 0 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
</style>